<div class="bg-white">
    <div class="max-w-7xl mx-auto grid grid-cols-1 md:grid-cols-4 gap-4 p-4">
        @foreach($widgets as $widget)
        <div class="rounded border border-gray-300 p-3 flex items-center justify-between gap-1 shadow">
            <div class="flex flex-col gap-2">
                <div class="text-gray-500 font-bold flex items-center gap-1">{{$widget["title"]}}</div>
                <div class="text-blue-600 font-bold text-lg">@if($widget["title"] === "我的余额")￥@endif{{$widget["balance"]}}</div>
            </div>
            <div>
                @if($widget["title"] === "我的余额")
                     {{$this->rechargeAction}}
                @elseif($widget["title"] === "我的项目")
                    {{ $this->createProject }}
                @elseif($widget["title"] === "我的套餐")
                    {{ $this->renewPlan }}
                @elseif($widget["title"] === "我的邀请")
                    {{ $this->invite }}
                @endif
            </div>
        </div>
        @endforeach
    </div>
    <div class="max-w-7xl mx-auto p-4">
        <h3 class="font-bold mb-4 text-center text-2xl">我的项目</h3>
        <x-welcome-message></x-welcome-message>
        @livewire('my-projects')
    </div>

    <x-filament-actions::modals />
</div>
